<template>
	<view class="find">
		<view class="find__body">
			<view class="find__body__black">
				<Option title="红包圈" right="arrow" iconColor="	" left="icon-hongbao1" @submit="sendEnvelope"/>
				<Option title="朋友圈" right="arrow" iconColor="#536eff" left="icon-pengyouquan" @submit="sendFriends"/>
			</view>
				<Option title="红包群" right="arrow" iconColor="#ff6348" left="icon-hongbao" @submit="sendGroup"/>
			<view class="find__body__black">
				<Option title="邀请好友" right="arrow" iconColor="#ffa502" left="icon-tianjiahaoyou" @submit="sendInvite"/>
				<Option title="合伙人申请" right="arrow" iconColor="#3742fa" left="icon-hezuo" @submit="sendPartner"/>
			</view>
			
			
		</view>
		<Tabbar :current="3"/>
	</view>
</template>

<script setup>
	import Tabbar from '@/components/tabbar/tabbar.vue';
	import Option from '@/components/common/option.vue';
	import {navigate} from '@/hooks/navigate.js'
	
	/**
	 * 朋友圈
	 */
	function sendFriends(){
		console.log("朋友圈")
	}
	
	/**
	 * 红包圈
	 */
	function sendEnvelope(){
		console.log("红包圈")
	}
	
	/**
	 * 红包群
	 */
	function sendGroup(){
		console.log("朋友圈")
	}
	
	/**
	 * 邀请好友
	 */
	function sendInvite(){
		navigate("/pages/addUser/addUser",{},"navigate")
	}
	
	/**
	 * 合伙人
	 */
	function sendPartner(){
		console.log("合伙人")
	}
	
	
</script>

<style lang="scss" scoped>
.find{
	height: 100%;
	&__body{
		height: calc(100% - 100upx);
		&__black{
			background-color: red;
			// margin: 20upx 0;
		>:deep(.query-chat){
			margin: 0;
		}
		}
	}
}

</style>
